<template>
  <div style="height: 100vh;">
    <hf-menu :data="data" background-color="gray" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const data = ref([
  {
    title: '菜单1',
    index: '/home',
    icon: 'el-icon-menu',
    children: [
      {
        index: 'sub',
        title: '子菜单1',
        icon: 'el-icon-bicycle',
      },
    ],
  },
])
</script>

<style scoped></style>
